<script setup lang="ts">
import WorkflowCanvas from '@/components/workflow/WorkflowCanvas.vue';
import WorkflowFileTree from '@/components/workflow/WorkflowFileTree.vue';
</script>

<template>
  <div class="workflow-container">
    <div class="left-panel">
      <WorkflowFileTree/>
    </div>
    <div class="main-content">
      <WorkflowCanvas/>
    </div>
  </div>
</template>

<style scoped>
.workflow-container {
  display: flex;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.left-panel {
  width: 240px;
  border-right: 1px solid #dcdfe6;
  background-color: #ffffff;
  overflow-y: auto;
}

.main-content {
  flex: 1;
  overflow: hidden;
}
</style>